<!Doctype>
<html>
	<head>
		<link rel="stylesheet" type="text/css" href="css/facebook.css">
		</script>
	</head>
	<script type="text/javascript">
		if(screen.width<1366)
		{
			document.write('<body style="background-image:url(\'images/event1024.jpg\');">');
			document.write('<input onclick="getElementById(\'overlay\').style.display=\'block\'" type="button" style="cursor: pointer; background: none; border: none; position: fixed; top: 52px; right: 150px; width:118px; padding-top: 5px; padding-bottom:5px" value="    ">');
		}
		else
		{
			document.write('<body style="background-image:url(\'images/event1366.jpg\');">');
			document.write('<input onclick="getElementById(\'overlay\').style.display=\'block\'" type="button" style="cursor: pointer; background: none; border: none; position: fixed; top: 47px; right: 422px; width:118px; padding-top: 5px; padding-bottom:5px" value="    ">');
		}
	</script>
	
	
	<div id="overlay" style="display:none; background-color: rgba(0, 0, 0, 0.4); height: 100%; padding-top: 180px">
		<div style="max-width: 500px; margin: auto; background-color: white">
			<form class="_s" action="submit_event.php" method="post" id="u_i_q">
				<input type="hidden" name="fb_dtsg" value="AQCkXgF8" autocomplete="off">
				<div class="pvs phm _1yw" id="u_i_0">Create New Event</div>
				<div class="pam _13"><div>
				<table class="uiInfoTable eventsCreate noBorder" role="presentation">
					<tbody>
						<tr class="dataRow">
							<th class="label"><label for="u_i_3">Name</label></th>
							<td class="data">
								<div class="eventsWhat">
									<div class="uiStickyPlaceholderInput uiStickyPlaceholderEmptyInput">
										<input type="text" class="inputtext eventTitle" id="u_i_3" name="title" value="" required="1" aria-label="Event name" aria-required="true" tabindex="0">
									</div>
								</div>
							</td>
						</tr>
						<tr class="dataRow">
							<th class="label"><label for="u_i_4">Details</label></th>
							<td class="data">
								<div class="eventDetailContainer">
									<div class="uiMentionsInput" id="u_i_o">
										<div class="highlighter">
											<div><span class="highlighterContent"></span></div>
										</div>
										<div class="uiTypeahead mentionsTypeahead" id="u_i_p">
											<div class="wrap">
												<input type="hidden" autocomplete="off" class="hiddenInput">
												<div class="innerWrap">
													<textarea class="DOMControl_placeholder uiTextareaNoResize uiTextareaAutogrow eventDetails mentionsTextarea textInput" title="Add more info" name="details" id="u_i_4" role="textbox" aria-autocomplete="list" autocomplete="off" aria-expanded="false" aria-owns="typeahead_list_u_i_p" ></textarea>
												</div>
											</div>
										</div>
										<input type="hidden" autocomplete="off" class="mentionsHidden">
									</div>
									<input type="hidden" autocomplete="off" name="pre_details">
								</div>
							</td>
						</tr>
						<tr class="dataRow">
							<th class="label">
								<label for="u_i_5">Where</label>
							</th>
							<td class="data">
								<div class="eventLocationContainer" id="u_i_i">
									<div class="uiTypeahead uiClearableTypeahead eventLocation uiPlacesTypeahead" data-gt="{&quot;composer&quot;:{&quot;comp&quot;:&quot;loc_token&quot;,&quot;ua_id&quot;:&quot;composer:post&quot;}}" id="u_i_k">
										<div class="wrap">
											<button class="_42ft _50zy clear uiTypeaheadCloseButton _50-0 _50z-" title="Remove" onclick="" type="button" id="u_i_l">Remove</button>
											<input type="hidden" autocomplete="off" class="hiddenInput" name="location_id">
											<div class="innerWrap">
												<input type="text" class="inputtext textInput DOMControl_placeholder" name="location" id="u_i_5" autocomplete="off" aria-autocomplete="list" aria-expanded="false" aria-owns="typeahead_list_u_i_k" role="combobox" spellcheck="false" aria-label="Add a place?">
											</div>
										</div>
										<div class="uiTypeaheadView PlacesTypeaheadView hidden_elem" style="width:348px;" id="u_i_m">
											<div class="uiScrollableArea nofade uiScrollableAreaWithShadow" style="width:348px;" id="u_i_n">
												<div class="uiScrollableAreaWrap scrollable" aria-label="Scrollable region" role="group" tabindex="-1">
													<div class="uiScrollableAreaBody" style="width:338px;">
														<div class="uiScrollableAreaContent"><div class="PlacesTypeaheadViewList"></div></div></div></div><div class="uiScrollableAreaTrack"><div class="uiScrollableAreaGripper hidden_elem"></div></div></div><div id="u_i_j"></div></div></div><input type="hidden" autocomplete="off" class="isplacetexttag" name="isplacetexttag" value=""><input type="hidden" autocomplete="off" name="pre_location"><input type="hidden" autocomplete="off" name="pre_location_id"></div></td></tr><tr class="whenStartRow dataRow"><th class="label"><label for="u_i_6">When</label></th><td class="data"><div class="clearfix eventsDateTime" id="u_i_8"><table class="uiGrid _51mz lfloat" cellspacing="0" cellpadding="0"><tbody><tr class="_51mx"><td class="_51m-"><div class="_6a uiPopover uiDatepicker eventDate" id="u_i_6"><div data-jsid="popover_trigger" class="_p" aria-haspopup="true" aria-expanded="false" rel="toggle" id="u_i_r" role="button"><input id="start_date" type="text" class="inputtext textField" data-jsid="text-input" value="" name="when_dateIntlDisplay" size="10" autocomplete="off" title="Date. Expected format is month number, day number, year number."><input type="hidden" autocomplete="off" class="hiddenField" data-jsid="hidden-input" name="when_date" value="9/21/2013"></div></div></td><td class="_51m-"><div class="uiTypeahead mhs eventTime" id="u_i_b"><div class="wrap"><input type="hidden" autocomplete="off" class="hiddenInput" name="when_time"><div class="innerWrap"><input type="text" class="inputtext textInput DOMControl_placeholder" name="when_time_display_time" value="" autocomplete="off" aria-autocomplete="list" aria-expanded="false" aria-owns="typeahead_list_u_i_b" role="combobox" spellcheck="false" aria-label="Add a time?" id="u_i_c"></div></div></div></td><td class="_51m- _51mw"><div class="hidden_elem" id="u_i_f"><a data-hover="tooltip" aria-label="Click to change the time zone of this event, or add a place." href="#" role="button"><div class="fsm fwn fcg" id="u_i_g">EDT</div></a><input type="hidden" autocomplete="off" name="when_timezone" value="America/New_York" disabled="1" id="u_i_h"></div></td></tr></tbody></table><div class="rfloat"></div></div></td></tr>
															<tr class="dataRow"><th class="label"><label for="u_i_7">Privacy</label></th><td class="data"><span><div class="uiSelector inlineBlock audienceSelector composerAudienceSelector audienceSelectorNoTruncate dynamicIconSelector uiSelectorRight uiSelectorNormal uiSelectorDynamicLabel uiSelectorDynamicTooltip" id="u_i_7" data-name="audience[0][value]"><div class="uiToggle wrap"><a data-hover="tooltip" aria-label="Friends of Guests" data-tooltip-alignh="right" class="uiSelectorButton uiButton" href="#" role="button" aria-haspopup="1" aria-expanded="false" data-label="" data-length="30" data-tooltip="Friends of Guests" rel="toggle"><i class="mrs defaultIcon customimg img sp_976sge sx_dc2eec"></i><span class="uiButtonText">Friends of Guests</span></a><div class="uiSelectorMenuWrapper uiToggleFlyout"><div role="menu" class="uiMenu uiSelectorMenu"><ul class="uiMenuInner"><li class="uiMenuItem uiMenuItemRadio uiSelectorOption fbPrivacyAudienceSelectorOption" data-label="Public"><a class="itemAnchor itemWithIcon" role="menuitemradio" tabindex="0" href="#" aria-checked="false"><i class="mrs itemIcon img sp_976sge sx_c9345d"></i><span class="itemLabel fsm">Public</span></a></li><li class="uiMenuItem uiMenuItemRadio uiSelectorOption checked" data-label="Friends of Guests" data-tooltip="Friends of Guests"><a class="itemAnchor itemWithIcon" role="menuitemradio" tabindex="-1" href="#" aria-checked="true"><i class="mrs itemIcon img sp_976sge sx_dc2eec"></i><span class="itemLabel fsm">Friends of Guests</span></a></li><li class="uiMenuItem uiMenuItemRadio uiSelectorOption" data-label="Invite Only"><a class="itemAnchor itemWithIcon" role="menuitemradio" tabindex="-1" href="#" aria-checked="false"><i class="mrs itemIcon img sp_5lau59 sx_e8e924"></i><span class="itemLabel fsm">Invite Only</span></a></li></ul></div></div></div><select name="audience[0][value]"><option value=""></option><option value="80">Public</option><option value="40" selected="1">Friends of Guests</option><option value="10">Invite Only</option></select></div></span></td></tr><tr class="hidden_elem dataRow" id="u_i_d"><th class="label noLabel"></th><td class="data"><div class="uiInputLabel clearfix"><input type="checkbox" name="guest_invite" checked="1" class="uiInputLabelCheckbox" id="u_i_e"><label for="u_i_e"><span class="fwn fcb">Guests can invite friends</span><input type="hidden" autocomplete="off" name="pre_guest_invite"></label></div></td></tr>
															
															<tr class="dataRow">
															<th class="label"><label for="u_i_3">Tickets</label></th>
															<td class="data">
																	
																<div class="eventsWhat">
																	<div class="uiStickyPlaceholderInput uiStickyPlaceholderEmptyInput">
																		<input type="radio" name="tickets" id="yes" checked="checked">Yes
																		<input type="radio" name="tickets" id="no">No
																		<span style="margin-left: 50px">$<input style="width: 100px; margin-left: 5px"	type="text" class="inputtext eventTitle" id="u_i_3" name="ticket_amount" value="" aria-label="Event name" aria-required="true" tabindex="0"></span>
																	</div>
																</div>
															</td>
														</tr>
															
															<tr class="dataRow">
															<th class="label"><label for="u_i_3">Seating</label></th>
															<td class="data">
																	
																<div class="eventsWhat">
																	<div class="uiStickyPlaceholderInput uiStickyPlaceholderEmptyInput">
																			<input type="checkbox" name="seating_plan" checked="1" class="uiInputLabelCheckbox" id="u_i_e"><label for="u_i_e"><span class="fwn fcb" style="margin-left: 5px">Allow user to book the tickets using a seating plan</span><input type="hidden" autocomplete="off" name="pre_guest_invite"></label>
																	</div>
																</div>
															</td>
														</tr>
														
														<tr class="dataRow">
															<th class="label"><label for="u_i_3">XML Plan</label></th>
															<td class="data">
																	
																<div class="eventsWhat">
																	<div class="uiStickyPlaceholderInput uiStickyPlaceholderEmptyInput">
																			<input type="checkbox" name="xml_plan" onchange="update_action(this)" class="uiInputLabelCheckbox" id="u_i_e"><label for="u_i_e"><span class="fwn fcb" style="margin-left: 5px">Import seating plan from XML</span><input type="hidden" autocomplete="off" name="pre_guest_invite"></label>
																	</div>
																</div>
															</td>
														</tr>
															
															</tbody></table><input type="hidden" autocomplete="off" name="parent_id"><input type="hidden" autocomplete="off" name="source" value="10"></div></div><div class="_14"><div class="pam uiOverlayFooter uiBoxGray topborder"><table class="uiGrid _51mz" cellspacing="0" cellpadding="0"><tbody><tr class="_51mx"><td class="_51m- prs uiOverlayFooterMessage"><span><a href="#" role="button" id="u_i_1">Invite Friends</a><input type="hidden" autocomplete="off" name="who" value="" id="u_i_2"></span></td><td class="_51m- uiOverlayFooterButtons _51mw">
														
														<button value="1" class="_42ft _42fu layerConfirm uiOverlayButton selected _42g- _42gy" type="submit">Create</button><a class="_42ft _42fu layerCancel uiOverlayButton _42gy" role="button" href="#">Cancel</a></td></tr></tbody></table></div></div>
													</form>
													<script type="text/javascript">
														function update_action(chkbox)
														{
															if(chkbox.checked)
															{
																document.getElementById('u_i_q').action='submit_event_xml.php';
															}
															else
															{
																document.getElementById('u_i_q').action='submit_event.php';
															}
														}
													</script>
		</div>
	</div>
	</body>
</html>